@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: black; }

li {
  list-style: none; }

body {
  font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti; }

header {
  width: 100%;
  height: 50px;
  background: black;
  color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center; }

aside {
  width: 100%; }
  aside ul {
    width: 100%;
    margin: 0 auto; }
    aside ul li {
      line-height: 60px;
      border-top: 1px solid #ccc; }
      aside ul li a {
        display: block;
        width: 95%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
  aside .p1 {
    width: 100%;
    height: 10px;
    background: #eee; }
  aside #lii {
    display: flex;
    align-items: center; }
    aside #lii a {
      width: 96px;
      margin: 0;
      color: #0099E5; }
    aside #lii p {
      margin: 0 10px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      border-radius: 50%;
      background: #ccc;
      text-align: center; }

footer {
  width: 100%;
  height: 50px;
  background: rgba(0, 153, 229, 0.8);
  color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0; }
